@font-face { 
font-family:"Avian Regular"; 
src: url('Avian Regular.eot'); 
src: url('Avian Regular.eot?#iefix') format('embedded-opentype'), 
  	 url('Avian Regular.woff') format('woff'), 
     url('Avian Regular.ttf')  format('truetype'), 
     url('Avian Regular.svg#Garamond') format('svg'); 
    font-weight: normal;
    font-style: normal;
}
@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox銆両E7鏀寔
_color:red;  IE6鏀寔
*color:red;  IE6銆両E7鏀寔
*+color:red; IE7鏀寔/
color:red\9; IE6銆両E7銆両E8鏀寔
color:red\0; IE8鏀寔
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior:url('');
pointer-events:none;//榧犳爣绌块€�
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/


/*--榛樿--*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
html{_background-image:url(about:blank);_background-attachment:fixed;}
body{-webkit-text-size-adjust:none;line-height:120%;font-family:寰蒋闆呴粦,'Heiti SC',榛戜綋,Arial;font-size:12px;min-width:1250px;max-width:1920px;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#707070;}
a:hover{color:#666;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;}
i,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{border:1px solid #CCC;font-family:寰蒋闆呴粦,'Heiti SC',榛戜綋,Arial;outline:none;border:none;background:none;padding:0;}
a:focus{outline:none;}

/*--婊氬姩鏉℃彃浠�--*/
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}

.jspVerticalBar{width:2px;}
.jspDrag{background:#2490e1;}
.jspTrack{background:#aaa;background:#ddd;}


/*--绫�--*/
.block{width:1100px;margin:0 auto; position:relative;}
.clear{clear:both;height:0;overflow:hidden;}
.left{float:left;}
.right{float:right;}
.footb{position:fixed;_position:absolute;bottom:0;width:100%;}


/* 澶撮儴 */
#header{background: #fff;height:70px;}
#header .block{height:100%;}
#header .logo{float:left;background:url(../image/logo0.png) center center no-repeat;width:284px;height:100%;margin-left:10px ;}



/* 搴曢儴 */
#footer{height:223px;}
#footer .links{height:49px;width:100%;position:absolute;left:0;text-align:center;top:64px;}
#footer .links .sina{display:inline-block;background:url(../image/sina.png) center center no-repeat;width:49px;height:49px;margin:0 7px;}
#footer .links .wx{display:inline-block;background:url(../image/wx.png) center center no-repeat;width:49px;height:49px;margin:0 7px;}
#footer .links .sina,#footer .links .wx{padding-left: 0 !important;float: none;}
#footer .p1{text-align:center;line-height:1.5;color:#909090;position:absolute;width:100%;left:0;top:129px;font-size:14px;}
#footer .p2{text-align:center;line-height:1.5;color:#909090;position:absolute;width:100%;left:0;top:154px;font-size:14px;}
#footer .p2 a{color:#909090;}


.page{text-align:center;height:31px;}
.page li{display:inline-block;height:31px;line-height:33px;font-size:20px;font-family:Avian Regular;margin:0 8px;}
.page li a{color:#474747;display:block;height:31px;}
.page li.now a,.page li:hover a{color:#2490e1;}
.page li.arrow:hover a{background:none;color:#2490e1;}



.home1{background:url(../image/bg1.jpg) center top no-repeat;height:445px;}
.home1 .text{position:absolute;top:50px;left:10px;width:500px;}
.home1 .text p{font-size:14px;color:#fff;line-height:1.5;margin-top:38px;}
.home1 .kk{background:url(../image/bg2.png) center center no-repeat;padding:47px;width:476px;height:345px;top:0;right:-18px;position:absolute;}
.home1 .kk h3{text-align:center;color:#fff;font-size:36px;font-weight:bold;line-height:1.3;margin-top:40px;}
.home1 .kk h4{text-align:center;color:#fff;font-size:18px;line-height:1.3;margin-top:5px;}
.home1 .kk .div{width:100px;margin:15px auto 0;height:150px;cursor: pointer;position: relative;background:url(../image/png1.png) center center no-repeat;}
.home1 .kk .div input{opacity: 0;}
.home1 .kk .div span{position:absolute;left:0;top:0;right:0;bottom:0;}
.home1 .kk p{font-size:12px;color:#fff;line-height:1.5;width:408px;margin:12px auto 0;text-align: center;}
.home1 .kk .btn{color:#fff;font-size:18px;width:408px;margin:17px auto 0;display:block;border-radius:5px;text-align:center;height:43px;line-height:43px;background:#159bff;}
.home1 .kk .d2{display:none;}
.home1 .kk .avatar{width:200px;height:200px;text-align: center;margin:40px auto 20px;}
.home1 .kk .avatar:after{content:"";height:100%;display:inline-block;vertical-align: middle;}
.home1 .kk img{max-height:100%;max-width:100%;}

.home2{background:url(../image/bg3.png) center center repeat;padding:0 0 50px;}
.home2 .title{text-align:center;}
.home2 .title h2{color:#474747;font-size:36px;line-height:1.3;}
.home2 .box1{height:175px;background:#fff;padding-top:48px;}
.home2 .box1 .div1{float:left;width:300px;margin-bottom:15px;}
.home2 .box1 label{line-height:33px;display:block;width:85px;font-size:16px;color:#474747;text-align:right;float:left;}
.home2 .box1 .input1{border-radius:5px;border:solid 1px #bababa;width:177px;padding:0 15px;height:31px;float:left;margin-left:6px;}
.home2 .box1 input{width:100%;height:31px;line-height:31px;color:#707070;font-size:14px;}
.home2 .box1 .div2{float:left;/*width:800px;*/margin-bottom:15px;}
.home2 .box1 .select1{border-radius:5px;border:solid 1px #bababa;width:145px;padding:0 15px;height:31px;float:left;margin-left:6px;background:url(../image/arrow3.png) 148px center no-repeat;cursor:pointer;position:relative;}
.home2 .box1 i{display:block;width:138px;height:31px;line-height:31px;color:#707070;font-size:14px;overflow:hidden;}
.home2 .box1 .select1 .hide{border-radius:5px;border:solid 1px #bababa;width:165px;padding:8px 15px;height:91px;position:absolute;left:-1px;top:34px;background:#fff;display:none;}
.home2 .box1 .select1 .hide .in{height:87px;overflow:auto;}
.home2 .box1 .hide .in p{font-size:14px;color:#474747;line-height:1.6;}
.home2 .box1 .hide .in p:hover{color:#2490e1;}
.home2 .box1 .select2{border-radius:5px;border:solid 1px #bababa;width:177px;padding:0 15px;height:31px;float:left;margin-left:6px;background:url(../image/arrow3.png) 180px center no-repeat;cursor:pointer;position:relative;}
.home2 .box1 .select2 .hide{z-index: 10; border-radius:5px;border:solid 1px #bababa;width:201px;padding:8px 15px;height:47px;position:absolute;left:-1px;top:34px;background:#fff;display:none;}
.home2 .box1 .div2 span{line-height:33px;display:block;font-size:16px;color:#474747;float:left;margin:0 17px 0 11px;}
.home2 .box1 .input3{border-radius:5px;border:solid 1px #bababa;width:105px;padding:0 15px;height:31px;float:left;margin-left:6px;}
.home2 .box1 .div2 b{display:block;background:url(../image/line1.png) center center no-repeat;width:22px;height:33px;float:left;margin:0 8px 0 14px;}
.home2 .box1 .btn{cursor:pointer;width:239px;height:37px;line-height:37px;display:block;border-radius:5px;font-size:18px;color:#fff;text-align:center;display:block;margin:11px auto 0;background:#2490e1;border:0;}
.home2 .box2{margin-top:20px;}
.home2 .box2 .div{float:left;width:208px;height:330px;overflow:hidden;position:relative;margin:0 0 57px 15px;}
.home2 .box2 .div.a{margin-left:0;}
.home2 .box2 .div .pic{width:208px;height:263px;overflow:hidden;}
.home2 .box2 .div .pic img{width:100%;height:auto;}
.home2 .box2 .div .text h3{text-align:center;font-size:18px;color:#474747;line-height:1.3;margin-top:20px;}
.home2 .box2 .div .text h4{text-align:center;font-size:14px;color:#474747;line-height:1.3;margin-top:5px;}
.home2 .box2 .div .up{background:url(../image/bg4.jpg) center top no-repeat;width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;display:none;}
.home2 .box2 .div .up h3{color:#fff;font-size:18px;line-height:1.3;margin-top:77px;}
.home2 .box2 .div .up .p1{color:#fff;font-size:14px;line-height:1.5;margin-top:14px;}
.home2 .box2 .div .up .p2{color:#fff;font-size:14px;line-height:1.5;margin-top:20px;}
.home2 .box2 .div .up .p2 p{margin-top:5px;}
.home2 .box2 .div .up .p3{ position: absolute; bottom: 32px; left: 34px; right: 34px; border: 1px solid #73bcf3; border-radius: 5px; color: #fff; padding: 10px 12px; text-align: center;}
.home2 .box2 .div .up .p3 p{ font-size: 14px; line-height: 22px; margin-bottom: 14px;}
.home2 .box2 .div .up .p3 a{ display: inline-block; width: 20px; height: 20px; margin: 0 8px; border-radius: 4px; font-size: 14px; line-height: 20px; color: #fff;}
.home2 .box2 .div .up .p3 a:hover{ color: #474747; background-color: #fff;}




.home2 .box2 .div .up .btn{display:block;border:solid 1px #73bcf3;border-radius:5px;width:174px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#fff;position:absolute;bottom:20px;left:50%;margin-left:-88px;}
.home3{background:url(../image/bg3.png) center center repeat;padding:0 0 27px;}
.home3 .title{text-align:center;}
.home3 .box{margin-top:50px;}
.home3 .box .div{float:left;width:209px;height:135px;background:#fff;text-align:center;margin:0 0 13px 13px;
-webkit-box-shadow:0 0 10px #eee;  
-moz-box-shadow:0 0 10px #eee;  
box-shadow:0 0 10px #eee; 
}
.home3 .box .div.a{margin-left:0;}
.home3 .box .div i{display:inline-block; vertical-align:middle; height:100%;}
.home3 .box .div a{display:block;width:100%;height:100%;}



.shadow{background:url(../image/black80.png);position:fixed;left:0;top:0;right:0;bottom:0;z-index:3;display:none;}
.layer1{width:600px;height:600px;left:50%;top:50%;margin:-300px 0 0 -300px;position:absolute;z-index: 4;display:none;}
.layer1 .circle{width:500px;height:500px;position: relative;margin:auto;}
.layer1 .circle .c1{background:url(../image/c1.png) center center no-repeat;width:100%;height:100%;position: absolute;left:0;top:0;
animation:c1 10s linear 0s infinite;-webkit-animation:c1 10s linear 0s infinite;}
.layer1 .circle .c2{background:url(../image/c2.png) center center no-repeat;width:100%;height:100%;position: absolute;left:0;top:0;
animation:c2 10s linear 0s infinite;-webkit-animation:c2 10s linear 0s infinite;}
@-webkit-keyframes c1{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes c1{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes c2{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(-360deg);}
}
@keyframes c2{
0%{transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
.layer1 .circle strong{position:absolute;left:0;top:0;width:100%;height:100%;line-height: 500px;text-align: center;font-size: 45px;color: #fff;font-family:Arial;}
.layer1 p{text-align: center;font-size: 24px;color: #fff;}
.layer1 p span{display:inline-block;width:50px;text-align: left;}





